<template>
  <div class="html-page">
    <nav><htmlNav /></nav>
    <article class="artical"><router-view /></article>
  </div>
</template>
<script setup>
import HtmlNav from "./HtmlNav.vue";
</script>
<style lang="scss" scoped>
@import "../../style/common.scss";

.html-page {
  width: 100%;
  height: calc(100vh - 90px);
  display: flex;
}
nav {
  height: 100%;
  width: 200px;
  background-color: rgba($color: $main_color, $alpha: 0.8);
}

.artical {
  flex: 1;
  padding: 24px;
  overflow: auto;
}
</style>
